<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:t="http://myfaces.apache.org/tomahawk"> 

<h:head>



</h:head> 
<body>
<ui:composition template="/template/mainLayout.xhtml">
	<ui:define name="headContent">
		<h:outputScript name="ventas.js" library="js"></h:outputScript>
			<style type="text/css">
			.arriba{
				height: 290px;
			}
			.vendedor{
				width: 100px;
			}
			
			table.vendedor tbody{
				min-height: 50px;
				max-height: 2550px;
			}
			</style>
	</ui:define> 
	<ui:param name="windowsTitle" value="Detalle de la venta" />
	<ui:define name="bodyContent">
   	<h:form>
   		<t:saveState value="#{ventasViewBean.ventasFiltro}" />
   		<t:saveState value="#{detalleVentasBean.detalleVentas}" />
   		
   		<h:inputHidden value="#{detalleVentasBean.idVenta}" />
   		
        <rich:panel id="listaVenta">
        
        	<rich:dataTable styleClass="tabla"
					value="#{detalleVentasBean.detalleVentas}" var="detalle" rows="15"
					reRender="ds" id="simpletable" style="text-align:center;"> <!-- value="#{detalleVentasBean.detalleVentas}" var="detalle" styleClass="fullContainer vendedor" -->
					<center>
        	    <rich:column style="width:24px;">
        	    	
        			<f:facet name="header">
        				<h:outputText value="Cod" />
        			</f:facet>
        			<h:outputText value="#{detalle.detalleVenta.producto.id}" />
        			
        		</rich:column>
        		</center>
        		<rich:column >
        			<f:facet name="header">
        				<h:outputText value="Producto" />        			
        			</f:facet>
        			<h:outputText value="#{detalle.detalleVenta.producto.nombre}" />
        		</rich:column>
        		<rich:column style="width:60px">
        			<f:facet name="header">
        				<h:outputText value="Cantidad Ventida" />        			
        			</f:facet>
        			<h:outputText value="#{detalle.detalleVenta.cantidad}" >
        				<f:convertNumber pattern="0.00"/>
        			</h:outputText>
        		</rich:column>
        		<rich:column style="width:60px" rendered="true" >
        			<f:facet name="header">
        				<h:outputText value="Cantidad a devolver" />        			
        			</f:facet>
        			<h:inputText value="#{detalle.devolucion}" minimun="0" maximun="#{detalle.detalleVenta.cantidad}"  >
        				<f:validator validatorId="bigDecimalValidator" />
        				<f:convertNumber pattern="0.00"/>
        			</h:inputText>
        		</rich:column>
        		<rich:column style="width:60px">
        			<f:facet name="header">
      		 			<h:outputText value="P.V." title="Precio de venta" />
        			</f:facet>
        			<h:outputText id="pVTableCell" value="#{detalle.detalleVenta.precioVenta}" >
        				<f:convertNumber pattern="$ 0.00"/>
        			</h:outputText>
        		</rich:column>
        		<rich:column style="width:60px">
        			<f:facet name="header">
						<h:outputText value="SubTotal" />
        			</f:facet>
        			<h:outputText id="subTotalTableCell" value="#{detalle.detalleVenta.cantidad * detalle.detalleVenta.precioVenta}" >
        				<f:convertNumber pattern="$ 0.00"/>
        			</h:outputText>
        		</rich:column>
        	</rich:dataTable>
        	
        </rich:panel>
        <rich:panel>
	        <center>
	        	<h:commandButton style="width: 100px; margin-right: 5px;" value="Guardar" rendered="true" action="#{detalleVentasBean.guardarVenta}" onclick="return confirm('¿Esta seguro que desea guardar los cambios en la venta?');" />
	        	<h:commandButton style="width: 100px;" value="Cancelar" action="detalleVentasBean.verDetalleVenta(detalleVentasBean.idVenta)" immediate="true"/>
	        	<h:commandButton value="Volver al listado" action="listaVentas" immediate="true" />
	       	</center>
        </rich:panel>
        
	</h:form>
	</ui:define>
</ui:composition>
</body> 
</html>
